<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    base target="_blank"设置整个页面的链接开启方式为打开一个新窗口,此命令写在head当中

    <!-- 表格 -->
    <table>表格
        <caption>表格的标题标签</caption><br>
        caption只跟表格搭配使用,可以居中
        <tr>生成于表格的一行
            <th>内容</th>填写文字的地方,写一个th就是一格标题,加粗居中
            <th>内容</th>填写文字的地方,写一个th就是一格标题,加粗居中
        </tr>
        <tr>
            <td>内容</td>填写文字的地方
            <td>内容</td>填写文字的地方
        </tr>
    </table>

    <!-- 列表 -->
    <ul>无序列表
        <li>内容</li>无序列表格,排列出来的前面有个点(可取消)
        <li>内容</li>无序列表格,排列出来的前面有个点(可取消)
    </ul>
    <ol>有序列表
        <li>内容</li>有序列表格,排列出来前面自带数字
        <li>内容</li>有序列表格,排列出来前面自带数字
    </ol>
    <dl>自定义列表
        <dt>标题</dt>自定义列表标题
        <dd>内容</dd>自定义列表内容
    </dl>

    <!-- 表单域 -->
    <input type="text">text输入框,单标签
    <input type="password"> password密码框,输入时隐藏密码
    <input type="radio" name="xxx"> radio单选,相同name的只能选择一个
    <input type="radio" name="xxx" checked> checked,进入网页时自动默认选中
    <input type="checkbox" name="xxx"> checkbox多选,相同name的可以多选
    <input type="text" placeholder="未输入时默认显示的内容"> placeholder未输入时默认显示的内容
    <label for="id"> </label>
    <id="#" 要联动的图片或者文字>增加用户体验,点同一个id 的label设置的图文可联动
        <input type="button" value="普通按钮"><br> 点了也不会提交,后期配合js使用
        <input type="submit" value="提交按钮"><br>submit是提交按钮,要配合form表单域使用
        <input type="image" src="imges/sub-btn.jpg"><br>image是图片按钮,必须要有src属性来找图片位置,也要配合form表单域提交
        <button>点击按钮</button>button是双标签,可以直接提交
        <textarea placeholder="文本域"></textarea> textarea是一个文本域,用来显示文字/
        <select>下拉列表
            <option>1</option>下拉内容
            <option>2</option>下拉内容
            <option>3</option>下拉内容
        </select>
</body>

</html>